<template>
  <div>
    <this-tabs />

    <div class="flex justify-between items-center space-x-6 mt-4">
      <div>
        <el-input v-model="input" class="w-64" placeholder="请输入"></el-input>
        <el-button class="bg-blue ml-2" type="primary">搜索</el-button>
      </div>
      <el-image
        src="https://tlryjg.jiaohusheji.net/wp-content/uploads/2022/10/1666681259-1660464029-HB.jpg"
      ></el-image>
    </div>

    <h3 class="mt-6 pl-6 text-lg font-semibold bg-gray-100 py-2">推荐</h3>
    <this-list class="" />
  </div>
</template>

<script>
import thisTabs from "@/components/home/tabs.vue";
import thisList from "@/components/list.vue";

export default {
  name: "IndexPage",
  components: { thisTabs, thisList },
  data() {
    return {
      input: "",
    };
  },
};
</script>
